﻿@model HtmlModel
@{
    ViewBag.Title = "Html";
}

<h2>Html</h2>

<p>The html binding causes the associated DOM element to display the HTML specified by your parameter.</p>
<p>Typically this is useful when values in your view model are actually strings of HTML markup that you want to render.</p>
<p><a href="http://knockoutjs.com/documentation/html-binding.html" target="_blank">http://knockoutjs.com/documentation/html-binding.html</a></p>

@Html.VisiTogglerFromPartial(CodeSamplePartials.HTML_VIEW_MODEL, Html.CreateVisiToggler("show the samples view model C# source code ", htmlAttributes: new { @class = "onright" }, options: VisiOptions.HiddenByDefault))
<br />
@Html.VisiTogglerFromPartial(CodeSamplePartials.HTML_CONTROLLER, Html.CreateVisiToggler("show the samples controller C# source code ", htmlAttributes: new { @class = "onright" }, options: VisiOptions.HiddenByDefault))


<h3>Sample #1</h3>

<div @Html.KoAttrHtml(m => m.Details)></div>

@Html.VisiTogglerFromPartial(CodeSamplePartials.HTML1, Html.CreateVisiToggler("show the sample source code ", htmlAttributes: new { @class = "onright" }, options: VisiOptions.HiddenByDefault))

<p>&nbsp;</p>
<p>Next &gt; @Html.ActionLink("CSS", "CSS", "Examples")</p>


@Model.ApplyBindingsScript(KoBindingOptions.IncludeData)